<template>
	<view style="">
		<!-- 项目进度按钮 -->
		<view class="all_project_head_btn" style="">
			<project-button :projectId="project_id" stageName="项目分配"></project-button>
			<step-button :approvalLog="addFormData.approval_log" :processList="stepProcessList"
				v-if="addFormData.approval_log != null"></step-button>
		</view>
		<form action="">
			<!-- 企业全称 -->
			<view class="info_item" style="border: 0;">
				<text space="nbsp" class="all_text_title">企业全称</text>
					<textarea disabled v-model="addFormData.company_name" maxlength="-1"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
						auto-height="true" style="width: 95%;padding: 18rpx;"/>
			</view>
			<!-- 内部业务人员选择 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">内部业务人员</text>
				<input
					disabled="true"
					style="margin-top: 39rpx;"
					v-model="addFormData.inside_salesman.nickname"
					placeholder-style="font-size:30rpx;"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">外部业务人员</text>
				<input
					v-model="addFormData.external_salesman"
					disabled
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>
			<!-- 项目类型 多选项 -->
			<view class="info_item" style="display: flex;align-items: flex-start;">
				<text class="all_text_title" style="width:140rpx">项目类型</text>
				<radio-group
					name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="handleProjectTypeChange"
				>
					<label style="margin-left: 30rpx;" v-for="item in projectTypeList">
						<radio disabled :value="item.project_type_id" :checked="item.checked" />
						<text>{{ item.project_type_name }}</text>
					</label>
				</radio-group>
			</view>
			<!-- 许可类型 单选 -->
			<view
				class="info_item"
				style="display: flex;align-items: center; padding-bottom: 10rpx;"
			>
				<text class="all_text_title">许可类型</text>
				<radio-group
					name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="radioChange"
				>
					<label style="margin-left: 30rpx;" v-for="item in radiolist">
						<radio disabled :value="item.value" :checked="item.checked" />
						<text>{{ item.text }}</text>
					</label>
				</radio-group>
			</view>
			<!-- 许可类型 单选2 -->
			<view
				class="info_item"
				v-if="addFormData.permit_type == '2'"
				style="display: flex;align-items: center;padding-bottom: 10rpx;"
			>
				<text class="all_text_title">行业类型</text>
				<radio-group
					name=""
					style="transform: scale(0.8); display: flex;flex-direction: row;flex-wrap: wrap;"
					@change="radioChange2"
				>
					<label style="margin-left: 30rpx;margin-top: 10rpx;" v-for="item in radiolist2">
						<radio disabled :value="item.value" :checked="item.checked" />
						<text>{{ item.text }}</text>
					</label>
				</radio-group>
			</view>
			<!-- 附件上传 -->
			<view class="info_item" style="border: 0;">
				<upload-file
					:isSubmit="false"
					:imgList="addFormData.annex"
					:detailsImgList="detailsImgList"
					@my-upload-change="upLoadChange"
				></upload-file>
			</view>
			<!-- 项目联系人 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">项目联系人</text>
				<input
					v-model="addFormData.contacts"
					disabled
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>
			<!-- 联系电话 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">联系电话</text>
				<input
					v-model="addFormData.contact_number"
					disabled
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>
			<!-- 备注-->
			<view class="info_item" style="border-bottom: 0;">
				<text class="all_text_title">备注</text>
				<textarea
					disabled
					v-model="addFormData.remark"
					class="texta"
					maxlength="-1"
					auto-height="true"
				/>
			</view>
			<!-- 项目编号 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">项目编号</text>
				<input
					v-model="addFormData.project_code"
					disabled
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>

			<!-- 项目管理 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">项目管理</text>
				<input
					@click="leaderClick"
					v-if="addFormData.is_approval == 1 && addFormData.is_allocation == 1"
					disabled="true"
					placeholder="点击选择人员(单选)"
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					v-model="leader"
					:class="addFormData.project_status != '12'?'all_new_input_disable_style':'all_new_input_style'"
				/>
				<input
					v-else
					disabled="true"
					placeholder="点击选择人员(单选)"
					style="margin-top: 39rpx;"
					v-model="addFormData.leader_detail.nickname"
					placeholder-style="font-size:30rpx"
					:class="addFormData.project_status != '12'?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>

			<!-- 多层部门人员选择 -->
			<view class="user_select_plus" v-show="leader_show">
				<view class="tab_line">
					<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
						<view
							class="tab_item"
							v-for="(item, index) in userSelectTabLine"
							:style="
								item.show_name ==
								userSelectTabLine[userSelectTabLine.length - 1].show_name
									? 'color: #128bf1;'
									: ''
							"
							@click="tapSelectTab(item, index)"
						>
							{{ item.show_name }}
						</view>
					</scroll-view>
				</view>

				<view class="user_select_show">
					<scroll-view scroll-y="true" style="height: 360rpx;">
						<view
							v-for="item in userSelectList"
							class="select_item"
							@click="tapSelector(item)"
							:style="item.is_department == 1?'color:#128bf1':''"
						>
							{{ item.show_name }}
						</view>
					</scroll-view>
				</view>
			</view>
			<!-- 多层部门人员选择结束 -->
			<view
				style="color:rgb(245, 95, 95);margin:15px;font-size:14px"
			>
				*您可以选择只分配“项目管理”,由"项目管理"进行"项目主办"的分配
			</view>

			<!-- 项目主办 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">项目主办</text>
				<input
					@click="insiderClick"
					v-if="
						(addFormData.is_approval == 1 || addFormData.is_approvall == 1) &&
							addFormData.is_allocation == 1
					"
					disabled="true"
					placeholder="点击选择人员(单选)"
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					v-model="insider"
					:class="addFormData.project_status != '12'?'all_new_input_disable_style':'all_new_input_style'"
				/>
				<input
					v-else
					disabled="true"
					placeholder="点击选择人员(单选)"
					style="margin-top: 39rpx;"
					v-model="addFormData.evaluators_detail.nickname"
					placeholder-style="font-size:30rpx"
					:class="addFormData.project_status != '12'?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>
			<!-- 多层部门人员选择 -->
			<view class="user_select_plus" v-show="insider_select_show">
				<view class="tab_line">
					<scroll-view scroll-x="true" enhanced="true" style="white-space: nowrap;">
						<view
							class="tab_item"
							v-for="(item, index) in userSelectTabLine2"
							:style="
								item.show_name ==
								userSelectTabLine2[userSelectTabLine2.length - 1].show_name
									? 'color: #128bf1;'
									: ''
							"
							@click="tapSelectTab2(item, index)"
						>
							{{ item.show_name }}
						</view>
					</scroll-view>
				</view>

				<view class="user_select_show">
					<scroll-view scroll-y="true" style="height: 360rpx;">
						<view
							v-for="item in userSelectList2"
							class="select_item"
							@click="tapSelector2(item)"
							:style="item.is_department == 1?'color:#128bf1':''"
						>
							{{ item.show_name }}
						</view>
					</scroll-view>
				</view>
			</view>
			<!-- 多层部门人员选择结束 -->


			<!-- 分配状态 -->
			<view class="info_item" style="border: 0;">
				<text class="all_text_title">分配状态</text>
				<input
					disabled
					placeholder="待分配"
					v-if="addFormData.project_status == '12' && addFormData.is_allocation == 1"
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
				<input
					disabled
					placeholder="待接受"
					v-if="addFormData.project_status == '12' && addFormData.is_allocation != 1"
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
				<input
					disabled
					placeholder="已分配"
					v-if="addFormData.project_status != '12'"
					style="margin-top: 39rpx;"
					placeholder-style="font-size:30rpx"
					:class="!isSubmit?'all_new_input_disable_style':'all_new_input_style'"
				/>
			</view>
			<!-- 理由 -->
			<view
				class="info_item"
				style="border: 0;"
				v-if="
					addFormData.is_allocation != 1 &&
						member_id == addFormData.evaluators &&
						addFormData.is_accecpt == 1
				"
			>
				<text class="all_text_title">理由</text>
				<input
					placeholder="请输入(拒绝时为必填)"
					style="margin-top: 39rpx;"
					v-model="reasonForRefusal"
					placeholder-style="font-size:30rpx"
					:class="isSubmit?'all_new_input_disable_style':'all_new_input_style'"/>
			</view>

			<view style="width: 100%;height: 200rpx;"></view>
			<!-- 底部按钮 -->
			<view
				class="bottom"
				v-if="addFormData.is_allocation != 1 && member_id == addFormData.evaluators"
			>
				<button
					class="bottom_btn"
					style="background: #CCCCCC; width: 380rpx;"
					@click="takeSubmit('-1')"
				>
					拒绝
				</button>
				<button
					class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					@click="takeSubmit('1')"
				>
					接受
				</button>
			</view>
			<view
				class="bottom"
				v-if="
					addFormData.is_allocation == 1 &&
						(addFormData.is_approval == 1 || addFormData.is_approvall == 1)
				"
			>
				<button
					class="bottom_btn"
					style="background: #CCCCCC; width: 380rpx;"
					@click="back"
				>
					取消
				</button>
				<button
					class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					v-if="addFormData.is_allocation == 1 && addFormData.is_approval == 1"
					@click="distributionSubmit1"
				>
					分配
				</button>
				<button
					class="bottom_btn"
					style="background: linear-gradient(0deg, #037CE3, #2EB3FF); margin-top: -88rpx;margin-left: 50%;"
					v-if="addFormData.is_allocation == 1 && addFormData.is_approvall == 1"
					@click="distributionSubmit2"
				>
					分配
				</button>
			</view>
		</form>
	</view>
</template>

<script>
import UploadFile from '@/components/upload-file.vue';
import ProjectButton from '@/components/project-button.vue';
import StepButton from '@/components/step-button.vue';
export default {
	data() {
		return {
			stepProcessList:{
				stage_code:'',
				project_id:''
			},
			// -------多级人员选择
			userSelectTabLine: [
				{
					show_name: '部门选择'
				}
			],
			userSelectList: [],

			userSelectTabLine2: [
				{
					show_name: '部门选择'
				}
			],
			userSelectList2: [],

			// ******人员选择*******
			selectClassId: '',
			userList: [],
			insider: '', //内部业务人员
			insiderId: '', //内部业务人员Id
			insider_select_show: false, //内部人员选择显示
			leader: '', //项目主办
			leader_id: '', //项目主办id
			leader_show: false, //项目组长选择显示
			leaderUser: [],
			// ******人员选择*******

			// ******上传附件*******
			detailsImgList: [],
			// ******上传附件*******

			// 拒绝原因
			reasonForRefusal: '',
			projectTypeList: [],

			addFormData: {
				member: {
					nickname: ''
				},
				leader_detail: {
					nickname: ''
				},
				evaluators_detail: {
					nickname: ''
				}
			},
			isSubmit: false,
			project_id: '',
			token: '',
			member_id: '',
			company_id: '',
			insider: '', //内部业务人员
			charge: '', //技术负责人
			charge_select_show: false, //技术负责人选择框显示
			department: [
				{
					//技术负责人部门
					id: 0,
					name: '安评部',
					style: ''
				},
				{
					id: 1,
					name: '职评部',
					style: ''
				},
				{
					id: 2,
					name: '环评部',
					style: ''
				}
			],
			insider_department: [
				//内部业务
				{
					id: 0,
					name: '安评部',
					style: ''
				},
				{
					id: 1,
					name: '职评部',
					style: ''
				},
				{
					id: 2,
					name: '环评部',
					style: ''
				}
			],
			department_user: [],
			insider_user: [],
			radiolist: [
				{
					value: '2',
					text: '许可类'
				},
				{
					value: '1',
					text: '一般类'
				}
			],
			radiolist2: [
				{
					value: '1',
					text: '危化'
				},
				{
					value: '2',
					text: '冶金'
				},
				{
					value: '3',
					text: '矿山'
				}
			]
		};
	},
	components: {
		UploadFile,
		ProjectButton,
		StepButton
	},
	async onLoad(options) {
		this.token = uni.getStorageSync('btlh_process_token') || '';
		this.member_id = uni.getStorageSync('btlh_process_member_id') || '';
		this.company_id = uni.getStorageSync('bthl_process_LoginCompanyId') || '';
		this.getUserList();
		this.getProjectTypeList();
		this.project_id = options.project_id || '';

		if (this.project_id) {
			this.getProjectDetails();
		}
	},
	// 开启微信发送给朋友
	//#ifdef MP-WEIXIN
	onShareAppMessage() {
		return {
			title:this.addFormData.company_name,
			path: '/packageProject/pages/project/projectAllocation?project_id=' + this.project_id
		};
	},
	//#endif
	methods: {
		// tab点击
		tapSelectTab(item, index) {
			// 判断是否点击第一个元素
			if (index == 0) {
				this.userSelectList = this.userList;
				this.userSelectTabLine = [
					{
						show_name: '部门选择'
					}
				];
			} else {
				this.userSelectTabLine = this.userSelectTabLine.slice(0, index + 1);
				this.userSelectList = item.children;
			}
		},

		// 多级列表点击
		tapSelector(item) {
			// 0不是部门 1是部门
			if (item.is_department == 0) {
				this.leader = item.show_name;
				this.leader_id = item.id;
				this.leader_show = false;
			} else if (item.is_department == 1) {
				this.userSelectList = item.children;
				//判断如果部门已加入tab栏则不加入
				if (!this.userSelectTabLine.includes(item)) {
					this.userSelectTabLine.push(item);
				}
			}
		},

		// tab点击
		tapSelectTab2(item, index) {
			// 判断是否点击第一个元素
			if (index == 0) {
				this.userSelectList2 = this.userList;
				this.userSelectTabLine2 = [
					{
						show_name: '部门选择'
					}
				];
			} else {
				this.userSelectTabLine2 = this.userSelectTabLine2.slice(0, index + 1);
				this.userSelectList2 = item.children;
			}
		},

		// 多级列表点击
		tapSelector2(item) {
			// 0不是部门 1是部门
			if (item.is_department == 0) {
				this.insider = item.show_name;
				this.insiderId = item.id;
				this.insider_select_show = false;
			} else if (item.is_department == 1) {
				this.userSelectList2 = item.children;
				//判断如果部门已加入tab栏则不加入
				if (!this.userSelectTabLine2.includes(item)) {
					this.userSelectTabLine2.push(item);
				}
			}
		},

		// 接受/拒绝
		async takeSubmit(val) {
			const { data: res } = await this.$myRequest({
				url: 'Project/allocation_accecpt',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,

					project_id: this.project_id,
					remark: this.reasonForRefusal,
					approval_status: val
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
			uni.showToast({
				title: res.datas.msg,
				icon: 'none'
			});
			/* uni.navigateTo({
					url: `/packageProject/pages/project/projectManagement`
				}) */
			uni.navigateBack({
				delta: 1
			});
		},
		// 分配1
		async distributionSubmit1() {
			const { data: res } = await this.$myRequest({
				url: 'Project/allocation_elpart',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,

					project_id: this.project_id,
					evaluators: this.insiderId,
					leader: this.leader_id
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});

			uni.showToast({
				title: res.datas.msg,
				icon: 'none'
			});
			/* uni.navigateTo({
					url: `/packageProject/pages/project/projectManagement`
				}) */
			setTimeout(() => {
				uni.navigateBack({
					delta: 1
				});
			}, 1500);
		},
		// 分配2
		async distributionSubmit2() {
			const { data: res } = await this.$myRequest({
				url: 'Project/allocationl',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,

					project_id: this.project_id,
					evaluators: this.insiderId
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});

			uni.showToast({
				title: res.datas.msg,
				icon: 'none'
			});
			/* uni.navigateTo({
					url: `/packageProject/pages/project/projectManagement`
				}) */
			setTimeout(() => {
				uni.navigateBack({
					delta: 1
				});
			}, 1500);
		},
		// 分配
		async distributionSubmit() {
			const { data: res } = await this.$myRequest({
				url: 'Project/allocation',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,

					project_id: this.project_id,
					evaluators: this.insiderId,
					leader: this.leader_id
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});

			uni.showToast({
				title: res.datas.msg,
				icon: 'none'
			});
			/* uni.navigateTo({
					url: `/packageProject/pages/project/projectManagement`
				}) */
			setTimeout(() => {
				uni.navigateBack({
					delta: 1
				});
			}, 1500);
		},
		// 文件上传
		upLoadChange(data) {
			this.submitImgList = data;
		},
		// 获取项目详情
		async getProjectDetails() {
			const { data: res } = await this.$myRequest({
				url: 'Project/allocation_detail',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id,

					project_id: this.project_id
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
			this.addFormData = res.datas.info;
			this.stepProcessList.project_id = this.addFormData.project_id;
			this.stepProcessList.stage_code = this.addFormData.project_status;
			// 处理文件
			if (this.addFormData.annex) {
				this.detailsImgList = this.addFormData.annex;
				this.submitImgList = this.addFormData.annex;
			}
			// 处理项目类型
			this.projectTypeList.forEach(items => {
				if (this.addFormData.project_type_id == items.project_type_id) {
					items.checked = true;
				}
			});
			// 处理许可类型
			this.radiolist.forEach(items => {
				if (this.addFormData.permit_type == items.value) {
					items.checked = true;
				}
			});
			// 处理行业类型
			this.radiolist2.forEach(items => {
				if (this.addFormData.permit_type_sub == items.value) {
					items.checked = true;
				}
			});
			console.log('项目分配-详情', this.addFormData);
		},
		// 获取项目类型
		async getProjectTypeList() {
			const { data: res } = await this.$myRequest({
				url: 'Project/project_type',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
			this.projectTypeList = res.datas.listInfo;
			console.log('项目类型(下拉)', this.projectTypeList);
		},
		// ******人员选择*******
		// 获取人员列表
		async getUserList() {
			const { data: res } = await this.$myRequest({
				url: 'Management/simple_member',
				method: 'POST',
				data: {
					member_id: this.member_id,
					token: this.token,
					company_id: this.company_id
				}
			});
			if (res.code != 200)
				return uni.showToast({
					title: res.datas.msg,
					icon: 'none'
				});
			this.userList = res.datas.listInfo;
			this.userSelectList = this.userList;
			this.userSelectList2 = this.userList;
			// 数组反转将部门放在前
			for(let i = 0;i<this.userSelectList.length;i++){
				this.userSelectList[i].children.reverse();
			}
		},
		// 设置内部人员
		setInsider(item) {
			this.insider = item.show_name;
			this.insiderId = item.id;
			this.insider_select_show = false;
		},
		// 获取内部人员
		getInsider(item) {
			if (item.is_department == 0) {
				this.insider = item.show_name;
				this.insiderId = item.id;
				this.insider_select_show = false;
				return;
			}
			this.selectClassId = item.id;
			// console.log(this.selectClassId)
			this.insider_user = item.children;
		},
		// 内部人员选择点击
		insiderClick() {
			this.insider_select_show = !this.insider_select_show;
			console.log(123);
			// this.getInsider(this.insider_department[0])
		},
		// 项目组长选择点击
		leaderClick() {
			this.leader_show = !this.leader_show;
		},
		// 获取项目组长人员
		getLeader(item) {
			if (item.is_department == 0) {
				this.leader = item.show_name;
				this.leader_id = item.id;
				this.leader_show = false;
				return;
			}
			this.selectClassId = item.id;
			// console.log(this.selectClassId)
			this.leaderUser = item.children;
		},
		// 设置项目组长
		setLeader(item) {
			this.leader = item.show_name;
			this.leader_id = item.id;
			this.leader_show = false;
		},
		// ******人员选择*******

		// 点击右下文件按钮
		fbtnClick() {
			console.log('22');
		},
		// 点击返回
		back() {
			uni.navigateBack({
				delta: 1
			});
			/* uni.redirectTo({
					url:'/packageProject/pages/project/projectManagement'
				}) */
		}
	}
};
</script>

<style lang="scss">
// 多层部门人员选择
.user_select_plus {
	width: 550rpx;
	height: auto;
	position: absolute;
	background: #ffffff;
	// top: 575rpx;
	left: 170rpx;
	z-index: 999;
	border-radius: 10rpx;
	box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);

	// 顶部选择栏
	.tab_line {
		width: 100%;
		display: flex;
		border-bottom: 1rpx solid #e4e7ed;

		.tab_item {
			height: 70rpx;
			display: inline-block;
			line-height: 70rpx;
			margin-left: 30rpx;
			font-size: 28rpx;
		}
	}

	// 内容展示框
	.user_select_show {
		.select_item {
			height: 60rpx;
			display: flex;
			align-items: center;
			border-bottom: 1rpx solid #e4e7ed;
			font-size: 26rpx;
			padding-left: 30rpx;
		}
	}
}

// 人员选择
.user_select {
	width: 550rpx;
	height: auto;
	background: #ffffff;
	box-shadow: 2rpx 3rpx 8rpx 0rpx rgba(0, 0, 0, 0.2);
	border-radius: 10rpx;
	overflow: hidden;
	position: absolute;
	left: 170rpx;
	z-index: 100;

	.firm_name {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		text-align: center;
		margin-top: 21rpx;
	}

	.department {
		width: 288rpx;
		margin-left: 41rpx;
	}

	.person {
		width: 261rpx;
		margin-left: 41rpx;
	}

	.info_text {
		font-size: 24rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #999999;
		margin-bottom: 30rpx;
	}

	.user_name {
		font-size: 26rpx;
		font-family: PingFang SC;
		font-weight: 500;
		color: #333333;
		margin-bottom: 30rpx;
	}
}

.fbtn {
	position: fixed;
	left: 592rpx;
	bottom: 120rpx;
	z-index: 5;

	image {
		width: 134rpx;
		height: 134rpx;
	}
}

.file_name {
	font-size: 26rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #999999;
	margin-left: 19rpx;
}

.uptext {
	font-size: 20rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #128bf1;
	margin-left: 10rpx;
}

.bottom {
	width: 100%;
	height: 88rpx;
	margin-top: 202rpx;
}

.bottom_btn {
	width: 375rpx;
	height: 88rpx;
	margin-left: 0;
	border-radius: 0;
	font-size: 32rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #ffffff;
}

.texta {
	width: 690rpx;
	height: 305rpx;
	background: #f7f7f7;
	margin-top: 30rpx;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.info_item {
	width: 690rpx;
	height: auto;
	border-bottom: 1rpx solid #e3e3e3;
	margin-left: 30rpx;
	margin-top: 44rpx;
}

.head_text {
	width: 100%;
	height: 128rpx;
	font-size: 36rpx;
	font-family: PingFang SC;
	font-weight: bold;
	color: #333333;
	line-height: 160rpx;
	text-align: center;
}
</style>
